/* 弹幕容器 */
.danmaku-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  /* 不阻挡视频交互 */
  z-index: 10;
  overflow: hidden;
}

/* 弹幕项 */
.danmaku-item {
  position: absolute;
  white-space: nowrap;
  font-weight: 500;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  user-select: none;
  pointer-events: none;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 弹幕动画效果 - 移除CSS动画，使用JavaScript控制 */

/* 弹幕样式变体 */
.danmaku-item:nth-child(odd) {
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.danmaku-item:nth-child(even) {
  color: #ffff00;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.danmaku-item:nth-child(3n) {
  color: #00ff00;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.danmaku-item:nth-child(4n) {
  color: #ff00ff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.danmaku-item:nth-child(5n) {
  color: #00ffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}


/* 响应式设计 */
@media (max-width: 768px) {
  .danmaku-item {
    font-size: 14px;
    max-width: 200px;
  }
}

/* 弹幕淡入淡出效果 - 移除CSS动画，使用JavaScript控制 */

/* 弹幕高亮效果 */
.danmaku-item.highlight {
  background: rgba(24, 144, 255, 0.2);
  border: 1px solid #1890ff;
  border-radius: 4px;
  padding: 2px 6px;
}